<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Home - 千鸿通信</title>
  <style type="text/css">
  /** */
  body{
  	width :100%;
  	height:100%;
  	font: 14px;
  	font-weight: normal;
  	font-style: normal;
  	color: #727272;
  	padding:10px 20px;
  }
  a {
  	color: #fc4242;
  	text-decoration: none;
	}
	
ul li {
 	list-style: none;
	}	
	
  /** 头 */
  #main_head{
    background: #fff;	
    width:100%;
    float:left;
   /** width: 1170px; */
  	margin: auto auto auto auto;
  	height:80px;
    }
 
 /** 图标 */
   #main_logo{
    background: #fff;
    padding: 15px 0;	
    width:25%;
    float:left;
    height:100%;
    }
	#logo img {
  		width: 200px;
	}
	  

 /** 菜单 */
   #main_menu{
    background: #fff;
    padding: 15px 0;	
    width:75%;
    float:right;
    height:100%;
    }
    
    	#detail_menu{
 	  		float: left;
  			width: 60%;
  			float:left;
 		}
 		
 		#loginfor_menu{
 	  		float: right;
  			width: 30%;
  			float:right;
 		}
 
 		.navbar-nav > li {
  			float: left;
		}
		
		.nav > li > a {
  			position: relative;
  			display: block;
  			padding: 10px 15px;
  			font-size: 24px;
		}
		
   /** body */
  #main_body{
    background: #fff;
    
    }
    
    
    
   /** foot  */
  #main_foot{
	color: #838383;
  	padding: 24px 0px;
  	height: 42px;
  	background: #e4e7e7;
  	position: absolute;
  	bottom: 0;
  	width: 100%
    }
       
  </style>
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" ></script>
  <script type="text/javascript">
  </script>
</head>
<body>
	<div id = main_head>
		<!-- logo -->
		<div id = "main_logo" >
			<a id="logo" href="http://cn.agora.io/" title="Agora" rel="home">
				<img src="https://d16b68sffmpvhr.cloudfront.net/wp-content/uploads/2016/01/agora_io_blue.png" alt="加载图片失败">
			</a>
		</div>
		
		<!-- menu -->
		<div id ="main_menu">
			<div id="detail_menu" class="navbar-collapse collapse">
				<ul id="primary-menu" class="nav navbar-nav">
					<li id="menu-item-product" class="menu-item-detail"><a href="http://cn.agora.io/products/">产品功能</a></li>
					<li id="menu-item-method" class="menu-item-detail"><a href="http://cn.agora.io/solutions/">解决方案</a></li>
					<li id="menu-item-price" class="menu-item-detail"><a href="http://cn.agora.io/pricing/">价格</a></li>
					<li id="menu-item-develop" class="menu-item-detail"><a href="http://cn.agora.io/developer/">开发支持</a></li>
					<!--
					<li class="menu-item-login" class ="menu-item-detail"><a href="javascript:void(0);">登录</a></li>
					<li class="menu-item-regeter" class ="menu-item-detail"><a href="javascript:void(0);">注册</a></li>
					-->
				</ul>
			</div>
			
			<div id="loginfor_menu" class="navbar-collapse collapse">
				<ul id="primary-menu" class="nav navbar-nav">
					<li class="menu-item-login" class ="menu-item-detail"><a href="javascript:void(0);">登录</a></li>
					<li class="menu-item-regeter" class ="menu-item-detail"><a href="javascript:void(0);">注册</a></li>
				</ul>
			</div>
			
		</div>
		
		<!--  -->
	
	</div>	
	<div id = main_body>
		<div class="wpb_column vc_column_container vc_col-sm-12"><div class="wpb_wrapper">
			<div class="wpb_text_column wpb_content_element  vc_custom_1436830314554">
				<div class="wpb_wrapper">
					<h2 style="text-align: center;"><strong>当前实时通讯行业面临的挑战</strong>
					<p></p>
					</h2>
				</div>
			</div>

			<div class="wpb_text_column wpb_content_element ">
				<div class="wpb_wrapper">
					<p><span class="body-text">一场实时通讯领域的革命将会为医疗、教育、客服、游戏等诸多产业带来巨大改变。这场革命需要的不仅仅只是App或网页间的实时通讯技术，更需要在网络条件不佳的情况下也能持续地提供高质量通讯服务。</span></p>

				</div>
			</div>				
			<div class="vc_row wpb_row vc_inner vc_row-fluid product-cha-ben">
				<div class="wpb_column vc_column_container vc_col-sm-4">
					<div class="wpb_wrapper">
						<div class="icon-box-style3  " data-wow-delay="0ms" data-wow-iteration="1">
							<img src="http://cn.agora.io/wp-content/uploads/2015/07/qoenew1.png">
							<div class="clearfix"></div>
							<h2>用户体验较差</h2>
							<p>当前的软件无法在全球范围内提供优良的端到端用户体验和稳定的视频质量。 </p>
							<a href="#"> <i class="fa fa-angle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="wpb_column vc_column_container vc_col-sm-4">
					<div class="wpb_wrapper">
					<div class="icon-box-style3  " data-wow-delay="0ms" data-wow-iteration="1">
						<i class="fa-money fa fa-4x" style="color: #1aaee5"></i>
						<div class="clearfix"></div>
						<h2>费用高昂</h2>
						<p>就当前市场而言，既能够轻松集成到既有平台和应用，又能保证稳定的用户体验质量的技术解决方案价格极高，令人望而却步。 </p>
						<a href="#"> <i class="fa fa-angle-right"></i></a>
					</div>
					</div>
				</div>
				<div class="wpb_column vc_column_container vc_col-sm-4">
					<div class="wpb_wrapper">
						<div class="icon-box-style3  " data-wow-delay="0ms" data-wow-iteration="1">
							<i class="fa-code fa fa-4x" style="color: #1aaee5"></i>
							<div class="clearfix"></div>
							<h2>开发难度大</h2>
							<p>实时通讯软件的无缝集成技术极其复杂，而且很耗时间。 </p>
							<a href="#"> <i class="fa fa-angle-right"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>	
		<div id = main_foot>
			<span class="fR"">
              <a href="http://www.baidu.com;fid=910" target="_blank">百度</a>
			  <a href="http://www.sina.com;fid=912" target="_blank">新浪</a>
       		</span>
		</div>	
	</div>			
</body>
</html>